<template>
    <div class="fullContain">
        <transition>
             <router-view></router-view>
        </transition>
    </div>
</template>


<script>
export default {
    
}
</script>

<style scoped>
    .v-enter-active,.v-leave-active{
       
        transition: all 1s ease;
    }

    .v-enter{
         position: absolute;
         width: 100%;
        opacity: 0;
        transform: translateX(100%)
    }

    .v-leave-to{
         position: absolute;
         width: 100%;
         opacity: 0;
         transform: translateX(-100%)
    }
    
    .fullContain{
        overflow-x: hidden;
        height: 100%;
    }




</style>